Only Textarea - とても安全に入力できるtextareaだけのページ
https://youtu.be/j-x2-elLnpI
やりたいこと
入力しても外部サーバーにデータが取られたりしない安全なエディタ。
Static Web ServerにIPアドレスなどのアクセスも発生せずより安心。
ブラウザ使っててエディタ開くまでもないテキスト編集だったり一時的に文字にしたいときに使う用途。
URL
以下のURLをコピペしてブラウザ開けばOK。
code:url
data:text/html,<html>%0A<head>%0A<title>Only%20TextArea<%2Ftitle>%0A<meta%20name%3D"viewport"%20content%3D"width%3Ddevice-width%2Cinitial-scale%3D1">%0A<%2Fhead>%0A<body>%0A%20%20<textarea%20style%3D"width%3A%20100%25%3B%20height%3A%20100%25"%20placeholder%3D"Input%20something"><%2Ftextarea>%0A<%2Fbody>%0A<%2Fhtml>
ブックマークですぐにアクセス
ブックマークしておくと便利。アクセスのしやすさも向上する。
Chromeでブックマークすると「Only Textarea」とURL欄に打ち込むとこのブックマークが検索されるためすぐにアクセスできる。
中身と安全性
width: 100%; height: 100%なtextareaがあるだけ。安全性は上記のData URIをデコードすれば以下と同じ実装だということがわかり、安全性を検証できる。
code:html
<html>
<head>
<title>Only TextArea</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
</head>
<body>
<textarea style="width: 100%; height: 100%" placeholder="Input something"></textarea>
</body>
</html>
書いた理由
書いた理由について。このData URIはずっと使っている。
他の端末やログインされてないブラウザとかでアクセスしたいときに、ここにアクセスすればData URIが手に入る状態が欲しかった。